<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>
<%@ page session="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
	<META http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title><fmt:message key="global.appname"/></title>
	<link rel="stylesheet" href="<c:url value="/resources/blueprint/screen.css" />" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="<c:url value="/resources/blueprint/print.css" />" type="text/css" media="print">
	<!--[if lt IE 8]>
		<link rel="stylesheet" href="<c:url value="/resources/blueprint/ie.css" />" type="text/css" media="screen, projection">
	<![endif]-->
</head>
<body>
	<!-- header -->
	<div id="headercontainer">
		<table style="border:0px;" width=100%>
			<tr>
				<td><header>MyPlace - a personal workplace </header>  </td>
				<td align="right">		
					<a><fmt:message key="global.signin"/></a>|
					<a>Register</a>
				</td>
			</tr>	
		</table>
	
 
	<hr>
	</div>
	
	<!-- Main area -->
	<div id="maincontainer" class="mainarea">
	    <ul>
	    	<li>Personal TODO Management</li>
	    	<li>Personal Schedule Management</li>
	    	<li>Social Network</li>
	    	<li>Private Service Consultant  </li>
	    </ul>
	</div>
	
	<!-- TODO -->
	<div>
		<form action="/todo/addItem" method="post">
			<fmt:message key="home.todo.label.newItem"/><input name="todoItem"/>
			<input type="submit" value="<fmt:message key="global.button.save"/>"/>
			
		</form>
	</div>
	
	<!-- list all todos -->
	<div>
		<form action="/todo/delItem" method="post">
			<c:forEach var="todo" items="${allTodos}">
			  <input type="radio" name="todoId" value="${todo.id}">${todo.todoItem}-${todo.id}</option>
			  
			  <br>
			  
			</c:forEach>
			<input type="submit" value="<fmt:message key="global.button.delete"/>"/>
		</form>
	</div>
	<hr>
	Powered By Sun  since Feb,2013
	

</body>
</html>